<template>
  <div clas="xima">
    <header>
      <ol class="breadcrumb">
        <li><router-link to="/ProductDescription">成本管理</router-link></li>
        <li><router-link to="/ProductDescription">产品概述</router-link></li>
      </ol>
    </header>
    <div class="ximacontent">
      <div class="row">
        <div class="col-xs-12 col-md-8">
            <div class="costContent">
                <div class="cost1">
                    <div class="cost1Title"><h3>院长</h3></div>
                    <ul>
                        <li>通过日常数据监测提前发现医院的薄弱指标和隐患，针对性提出整改建议，帮助医院持续指标改进、提高考核成绩。</li>
                        <li>国家年度考核过程中，提供及时消息提醒（考核过程中的关键消息），比如：重点文件的关键时间节点，重点条目解读。</li>
                        <li>自动化模拟考试，并通过大数据模型，和对标医院进行综合模拟比较。</li>
                    </ul>

                </div>
                <div class="cost2">
                    <div class="cost1Title"> <h3>绩效部门</h3></div>
                   <ul>
                        <li>国家年度考核过程中随时掌握绩效考核指标报送进度，持续监测，及时发现异常指标并提醒及时改进，提升绩效考核成绩。</li>
                        <li>将66项指标按业务部门分解，精确到科室，出现错误可以溯源到个人，减轻个人的工作压力和责任压力。</li>
                        <li>自动生成医院自评报告。</li>
                        <li>绩效考核评分规则、数据质控规则知识库动态更新。</li>
                    </ul>
                </div>
                <div class="cost3">
                    <div class="cost1Title"><h3>信息中心</h3></div>
                    <ul>
                        <li>一次采集，多个系统上报，解决一数多源问题，减轻信息中心的工作量。</li>
                        <li>通过数据质控规则，减少信息中心问题数据的报送。</li>
                        <li>目前实现了绩效考核病案数据，HQMS、重点专科，医保病案，肿瘤监测，卫统4、流感监测等数据自动报送。</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-md-4">
          <div class="guide">
            <div class="guideTop">
              <ul>
                <li>
                  <router-link to="/ProductDescription">产品概述</router-link>
                </li>
                <hr class="simple" color="#6f5499" />
                <li><router-link to="/ProductSystem">产品体系</router-link></li>
                <hr class="simple" color="#6f5499" />
                <li><router-link to="/InfluenzaSurveillanceReports">流感监测上报</router-link></li>
                 <hr class="simple" color="#6f5499" />
                <li><router-link to="/PerformanceApp">绩时查APP</router-link></li>
              </ul>
            </div>
            <div class="guideTip">
              <p class="connect_h">联系我们</p>
              <hr
                style="border-top:1px solid #ccc;"
                width="100%"
                color="#ccc"
                size="1"
              />
              <div><span>电话：861068005755,861068006083</span></div>
              <div><span>Email: xmbj2005@163.com</span></div>
              <div><span>邮箱: 492800904@qq.com</span></div>
              <div>
                <span>地址: 北京市西城区西直门外大街18号金贸大厦A座935</span>
              </div>
              <p>
                <img src="../assets/code.jpg" alt="" />
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style>
    .cost1,.cost2,.cost3{
        border:1px solid #ccc;
        margin-bottom:1.25rem /* 20/16 */;
    }
    .cost1 .cost1Title,.cost2 .cost1Title,.cost3 .cost1Title{
        background-color:#0a77a0;
    }
     .cost1 .cost1Title h3,.cost2 .cost1Title h3,.cost3 .cost1Title h3{
        color:white;
        text-align: center;
        margin:0;
    }
    .cost1 ul li,.cost2 ul li,.cost3 ul li{
        padding:1.25rem /* 20/16 */;
        letter-spacing: 4px;
        line-height:1.875rem /* 30/16 */;
    }
    .guide {
        width: 100%;
    }
    
    .guideTop {
        background-color: #0a77a0;
        margin-bottom: 1.75rem/* 30/
        16 */
        ;
    }
    
    .guideTop ul {
        list-style-type: none;
    }
    
    .guideTop ul li {
        margin-top: 0.625rem/* 10/16 */;
        height: 2.5rem/* 40/16 */;
        line-height: 2.5rem/* 40/16 */;
        overflow: hidden;
        /*解决高度设置无效的问题*/
    }
    
    .guideTop ul li a {
        color: #fff;
    }
    
    .guideTip .connect_h {
        font-size: 20px;
    }
    
    .guideTip div {
        white-space: nowrap;
    }
    
    .guideTip div span {
        word-break: break-all;
    }
    /* 中等屏幕（桌面显示器，大于等于 992px） */
    
    @media screen and (min-width: 992px) {
        ul{
            list-style-type:none;
        }
        .costContent{
            display:flex;
            margin:0 auto;
        }
        .cost1,.cost2,.cost3{
            margin-left:1.25rem /* 20/16 */;
            border:1px solid #ccc;
        }
        .cost1 .cost1Title,.cost2 .cost1Title,.cost3 .cost1Title{
            background-color:#0a77a0;
        }
         .cost1 .cost1Title h3,.cost2 .cost1Title h3,.cost3 .cost1Title h3{
            color:white;
            text-align: center;
            margin:0;
        }
        .cost1 ul li,.cost2 ul li,.cost3 ul li{
            padding:1.25rem /* 20/16 */;
            letter-spacing: 4px;
            line-height:1.875rem /* 30/16 */;
        }
        .guideTop {
            background-color: #0a77a0;
            margin-bottom: 1.8 75rem;
        }
        .guideTop ul li {
            margin-top: 0.625rem/* 10/16 */
            ;
            height: 2.5rem/* 40/16 */
            ;
            line-height: 2.5rem/* 40/16 */
            ;
            overflow: hidden;
        }
        .guideTip div {
            height: 30px;
        }
        .guideTop div span {
            word-break: break-all;
            word-wrap: break-word;
        }
        .substance {
            width: 100%;
        }
        .substance2,
        .substance3,
        .substance4 {
            float: left;
            width: calc(100% / 3);
        }
        .substance2 {
            border-right: 1px solid #ccc;
        }
        .substance4 {
            border-right: 1px solid #ccc;
        }
        .substance2 p:first-letter {
            font-size: 60px;
            float: left;
            padding-right: 6px;
            font-weight: bold;
            font-family: 黑体;
            color: #0a77a0;
        }
        .substance2 p {
            letter-spacing: 4px;
        }
        .substance3 img {
            text-align: center;
            margin: 0 auto;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }
        .substance4 .areas {
            font-size: 20px;
        }
        .substance4 p {
            font-size: 14px;
            letter-spacing: 4px;
            line-height: 25px;
        }
    }
</style>